<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>STAR</title>
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
<header class="clearfix">
    <p><i class="fa fa-phone" aria-hidden="true"></i>电话：0123-456-789 &nbsp&nbsp&nbsp<i class="fa fa-envelope-o"
                                                                                       aria-hidden="true"></i>
        邮箱：star@gmail.com
    </p>
    <p><i class="fa fa-twitter" aria-hidden="true"></i> &nbsp<i class="fa fa-chrome" aria-hidden="true"></i> &nbsp<i
            class="fa fa-qq" aria-hidden="true"></i> &nbsp<i class="fa fa-weixin" aria-hidden="true"></i> &nbsp<i
            class="fa fa-weibo" aria-hidden="true"></i></p>
</header>

<main>
    <div class="navigation-bar clearfix">
        <div class="logo">
            <h1>STAR</h1>
        </div>
        <div class="navigation">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">关于</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">工作</a></li>
                <li><a href="#">团队</a></li>
                <li><a href="#">博客</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </div>
    </div>
    <div class="part2 clearfix">
        <img class="left" src="images/left.png" alt="">
        <img class="right" src="images/right.png" alt="">
        <div class="background-pictrue"></div>
        <div class="part2-last">
            <h1>STAR</h1>
            <h2>OUR TEN YEARS TIMESR</h2>
            <p>成立10多年以来，我们一直秉承“一切以用户价值为依归”的经营理念，为亿级海量用户提供稳定优质的各类服务，始终处于稳健发展的状态</p>
        </div>
    </div>
    <div class="about clearfix">
        <div class="main-body clearfix">
            <div class="title">
                <p>我们是谁</p>
                <h2>关于我们</h2>
            </div>
            <img class="picture" src="images/picture001.png" alt="">
            <div class="about-div"></div>
            <div class="avatar">
                <img src="images/picture002.png" alt="">
                <p>Ailomy<br>CEO</p>
                <p>
                    我们成立于2006年7月，是目前中国领先的互联网增值服务提供商之一。成立10多年以来，我们一直秉承“一切以用户价值为依归”的经营理念，为亿级海量用户提供稳定优质的各类服务，始终处于稳健发展的状态。面向未来，坚持自主创新，树立民族品牌是我们的长远发展规划。</p>
            </div>
        </div>
    </div>
    <div class="clearfix service">
        <div class="main-body">
            <div class="title">
                <p>让我们帮助你</p>
                <h2>我们的服务</h2>
            </div>
            <ul>
                <li>
                    <p><i class="fa fa-home" aria-hidden="true"></i><br>工业场所</p>
                </li>
                <li>
                    <p><i class="fa fa-money" aria-hidden="true"></i><br>财务策划</p>
                </li>
                <li>
                    <p><i class="fa fa-cogs" aria-hidden="true"></i><br>室内设计</p>
                </li>
                <li>
                    <p><i class="fa fa-desktop" aria-hidden="true"></i><br>互联网</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="work">
        <div class="main-body clearfix">
            <div class="title">
                <p>我们做什么</p>
                <h2>工作</h2>
            </div>
            <ul>
                <li>全部</li>
                <li>团队</li>
                <li>项目</li>
                <li>会议室</li>
                <li>办公室</li>
            </ul>
            <div class="photo-show">
                <ul>
                    <li><img src="images/picture003.png" alt=""></li>
                    <li><img src="images/picture004.png" alt=""></li>
                    <li><img src="images/picture005.png" alt=""></li>
                </ul>
                <ul>
                    <li><img src="images/picture006.png" alt=""></li>
                    <li><img src="images/picture007.png" alt=""></li>
                    <li><img src="images/picture008.png" alt=""></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="news">
        <div class="main-body">
            <div class="title">
                <p>关于我们</p>
                <h2>趣闻</h2>
            </div>
            <ul>
                <li><img src="images/picture009.png" alt="">
                    <h2>8930</h2>
                    <small>客户</small>
                </li>
                <li><img src="images/picture010.png" alt="">
                    <h2>7980</h2>
                    <small>项目</small>
                </li>
                <li><img src="images/picture011.png" alt="">
                    <h2>2310</h2>
                    <small>奖励</small>
                </li>
                <li><img src="images/picture012.png" alt="">
                    <h2>3210</h2>
                    <small>合作伙伴</small>
                </li>
                <li><img src="images/picture013.png" alt="">
                    <h2>8900</h2>
                    <small>奖杯</small>
                </li>
                <li><img src="images/picture014.png" alt="">
                    <h2>9800</h2>
                    <small>反馈</small>
                </li>
            </ul>
        </div>
    </div>
    <div class="blog">
        <div class="main-body">
            <div class="title">
                <p>我们的最新消息</p>
                <h2>我们的博客</h2>
            </div>
            <ul>
                <li><img src="images/picture015.png" alt="">
                    <div>
                        <h2>23</h2>
                        <p>8月</p>
                    </div>
                    <h3>团队协作提高工作效率</h3>
                    <p>管理员</p>
                </li>
                <li><img src="images/picture016.png" alt="">
                    <div>
                        <h2>09</h2>
                        <p>8月</p>
                    </div>
                    <h3>团队协作提高工作效率</h3>
                    <p>管理员</p>
                </li>
                <li><img src="images/picture017.png" alt="">
                    <div>
                        <h2>04</h2>
                        <p>8月</p>
                    </div>
                    <h3>团队协作提高工作效率</h3>
                    <p>管理员</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="about-ceo">
        <div class="main-body clearfix">
            <div></div>
            <div>
                <h3>Jaha Dee</h3>
                <p>CEO</p>
            </div>
            <img src="images/timg.png" alt="">
            <p>首席执行官为一种高级职务名称。在经济组织机构中，首席执行官（Chief Executive Officer，缩写CEO）是在一个在企业中负责日常事务的最高行政官员，又称作行政总裁、总经理或最高执行长。</p>
        </div>
    </div>
    <div class="contact">
        <div class="main-body clearfix">
            <div class="title">
                <p>有什么告诉我们的</p>
                <h2>联系我们</h2>
            </div>
            <img src="images/picture018.png" alt="">
            <div class="contact-us clearfix">
                <h4>地址：</h4>
                <p>北京市天津市上海市重庆市北京市天津市 上海市重庆市北京市</p>
                <h4>邮箱：</h4>
            </div>
        </div>
    </div>
    <div class="last">
        <div class="main-body">
            <div>
                <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
                </span>
                <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <i class="fa fa-qq fa-stack-1x fa-inverse"></i>
                </span>
                <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <i class="fa fa-wechat fa-stack-1x fa-inverse"></i>
                </span>
                <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <i class="fa fa-weibo fa-stack-1x fa-inverse"></i>
                </span>
                <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <i class="fa fa-yahoo fa-stack-1x fa-inverse"></i>
                </span>
            </div>
        </div>
    </div>
</main>
<footer>
    <small> Copyright © 2016star</small>
</footer>
</body>

</html>
